<!DOCTYPE html>
<html>

<head>
	<title>文档标题</title>
</head>
<script>
	function bttu() {
		alert("你已提交！");
	}
	function bttu1() {
		alert("当窗口失去焦点时运行脚本");
	}
</script>

<body>
	<header id="myheader" class="" style="color: red">这是个头</header>
	<div id="mydiv" style="color:blue" data-tname="data-tname">
		<a href="http://www.w3school.com.cn">这是一个超链接 w3c，This is a paragraph</span>
			换行了！
		</a>
		<form action="demo_form.asp" method="get" id="user_form">
			First name:
			<input type="text" name="fname" data-input="input" />
			<input type="submit" />
		</form>
		<table>
			<thead>
				<tr>
					<td>THEAD 中的文本</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>TBODY 中的文本</td>
				</tr>
			</tbody>
		</table>
		图片：<img src="/images/login-logo.png" alt="飞到科技工厂" />
		选择列表：<datalist id="cars">
			<option value="BMW">
			<option value="Ford">
			<option value="Volvo">
		</datalist>
		<button type="button" value="提交" onclick="bttu();"></button>
		<button type="button" value="提交" onblur="bttu1();"></button>

	</div>
</body>

</html>